import React from 'react'
import '../../assets/css/Activit/AddActivit.sass'
import { Row, Col, Cascader, Button, Input } from 'antd';

const { TextArea } = Input;


const options = [
    {
        value: 'zhejiang',
        label: 'Zhejiang',
    },
    {
        value: 'jiangsu',
        label: 'Jiangsu',
    },
];

function AddActivit() {
    return (
        <div id='AddAct'>
            <div className='SrActivit'>
                <Row>
                    <Col span={4}>
                    </Col>
                    <Col span={6}>
                        <span>活动名称：</span>
                        <Cascader options={options} />
                    </Col>
                </Row>
            </div>
            <div className='SrActivit'>
                <Row>
                    <Col span={4}>
                    </Col>
                    <Col span={6}>
                        <span>选择品牌：</span>
                        <Cascader options={options} />
                    </Col>
                    <Col span={6}>
                        <span>选择分类：</span>
                        <Cascader options={options} />
                    </Col>
                    <Col span={6}>
                        <Button>搜索</Button>
                    </Col>
                </Row>
            </div>
            <div className='SrActivit'>
                <Row className='ProductName'>
                    <Col span={4}>
                    </Col>
                    <Col span={6}>
                        <span>商品名称：</span>
                    </Col>
                </Row>
                <Row >
                    <Col span={4}>
                    </Col>
                    <Col span={12}>
                        <TextArea rows={6} />
                    </Col>
                </Row>
            </div>
            <div className='SrActivit'>
                <Row>
                    <Col span={4}>
                    </Col>
                    <Col span={8}>
                        <span>活动时间段：</span>
                        <Cascader options={options} />
                    </Col>
                </Row>
            </div>
            <div className='SrActivit'>
                <Row>
                    <Col span={4}>
                    </Col>
                    <Col span={8}>
                        <span>&nbsp;&nbsp;&nbsp;&nbsp;秒杀提醒：</span>
                        <Cascader options={options} />
                    </Col>
                </Row>
            </div>
            <div className='SrActivit'>
                <Row>
                    <Col span={16}>
                    </Col>
                    <Col span={8}>
                        <Button type='primary'>添加</Button>
                    </Col>
                </Row>
            </div>

        </div>
    )
}

export default AddActivit